<app-left-line
    [text]="'费用查询'"
  ></app-left-line>

<div class="query my-list">
  <div class="my-list-header">
  </div>

  <div class="content">
    <nz-table #smallTable nzSize="small" nzBordered
      [nzData]="data"
      [nzLoading]="dataLoading"
    >
      <thead>
        <tr>
          <th>序号</th>
          <th *ngFor="let col of cols | dealObj: 'value'">{{ col }}</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of smallTable.data; let i = index">
          <td>{{ i + 1 }}</td>
          <td>{{ data['usageCode'] }}</td>
          <td>{{ data['name'] }}</td>
          <td>{{ data['address'] }}</td>
          <td>
            <button nz-button nzType="link" (click)="feeBill(data)"
              *ngIf="pageType === 'all'"
            >费用账单</button>
            <button nz-button nzType="link" (click)="oweFee(data)"
              *ngIf="pageType === 'un'"
            >欠费缴纳</button>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </div>
</div>